<include file="public@head_mobile" />



<style>
    .cont_box{
        width: 100%;
        border-radius: 8px;
        background-color:#f8fafb;
        padding:10px 15px;
    }
    .cont_box .msg_list{
        width: 100%;
    }
    .msg_list .left_box{
        display: flex;
    }
    .msg_list .trip{
        font-size: 1.1rem;
        line-height: 2rem;
        width: 5rem;
        flex-shrink: 0;
        color: #00989b;
        font-weight:600;
        margin-right: 1rem;
    }
    .msg_list .text{
        font-size: 1.1rem;
        line-height: 2rem;
        color: #424242;
        flex-shrink: 0;
        width: 10rem;
        height: 2rem;
        font-weight:600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .msg_list .right_box{
        display: flex;
        justify-content: flex-end;
        font-size: 1rem;
        line-height: 2rem;
        flex-shrink: 0;
        width: 8rem;
        color: #999999;
    }
    .msg_list .right_box img{
        width: 1.1rem;
        height: 1.1rem;
        margin-top: 0.5rem;
        margin-right: 5px;
    }


    .title{
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 3rem;
        margin:1rem 0;
        color: #000;
    }

    .finance_left_box{

    }

    .finance_left_box .F-tit{
        font-size: 1.1rem;
        line-height: 2.5rem;
        font-weight: 600;
        color: #999999;
    }
    .finance_left_box .text{
        font-size: 20px;
        line-height: 50px;
        color: #00989b;
        font-weight:600;
    }

    .finance_left_box .text_cont{
        display: flex;
        justify-content: flex-start;
    }
    .finance_left_box .text_cont img{
        width: 60px;
        height: 2rem;
        object-fit: cover;
        background-color: #f0f0f0;
        margin-right: 8px;
    }

    .finance_right_box{
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;
    }

    .finance_right_box .fina_btn{
        font-size: 1.1rem;
        line-height: 2rem;
        font-weight: 600;
        color: #999999;
        height: 2rem;
        padding:0 35px;
        background: linear-gradient(to right, #f5fca3, #63cbc0);
        color: #00989b;
        text-align: center;
        display: block;
        margin-right: 1rem;
        border-radius: 8px;
        border: none;
    }


    .info_box{
        width: 100%;
        display: flex;
        margin-bottom: 25px;
    }

    .info_box .F-tit{
        font-size: 1.1rem;
        line-height: 2.2rem;
        font-weight: 600;
        color: #999999;
        width: 5rem;
        margin-right: 20px;
    }
    .info_box .F-tit span{
        color: #f00;
        margin-left: 5px;
    }

    .info_box .text_cont{
        display: flex;
        justify-content: flex-start;
    }
    .info_box .text_cont img{
        width: 30px;
        height: 30px;
        margin-right: 12px;
        display: block;
    }

    .info_box input{
        width: 100%;
        border: 1px solid #e3e3e3;
        backdrop-filter: blur(21px);
        background: transparent;
        border-radius: 15px;
        letter-spacing: 0.0833333px;
        color: #AAAAAA;
        font-size: 1.1rem;
        padding: 22px 30px 22px 25px;
        height: 2.2px;
        display: block;
    }

    .info_box .file_box{
        width: 7.5rem;
        height: 5rem;
        margin-left: -1.25rem;
        opacity: 0;
    }
    .info_box .file_icon{
        width: 3.75remx;
        height: 3.75rem;
        margin-left: -7.5rem;
        cursor: pointer;
    }
    .info_box h4{
        font-size: 1.1rem;
        line-height: 3.75rem;
        margin-left: 0.325rem;
        color: #06b4fd;
        font-weight: 500;
        cursor: pointer;
    }

    .btn{
        width: 100%;
        height: 3.125rem;
        line-height: 3.125rem;
        color: #00989b;
        font-size: 1.1rem;
        background: linear-gradient(to right, #f5fca3, #63cbc0);
        line-height: 3.125rem;
        text-align: center;
        border-radius: 8px;
        padding:0;
        margin-bottom: 1.25rem;
        margin-top: -0.9375rem;
    }


    .modal-footer .btn{
        margin-top: 2px;
        width: 100px;
        margin-bottom: 0;
    }

    @media (max-width: 767.98px) {
        .blog-details-area {
            padding: 60px 0 50px;
            overflow: hidden;
        }
    }
</style>
</head>
<body>

<!--loading-->
<div id="preloader">
    <div id="loader" class="loader">
        <div class="loader-container">
            <div class="loader-icon">
                <img src="__TMPL__/public/static/picture/preloader.png" alt="Preloader" />
            </div>
        </div>
    </div>
</div>
<!--loading -->

<!-- 鼠标特效 -->

<!-- 鼠标特效 -->

<!-- 返回顶部 -->
<button class="scroll-top scroll-to-target" data-target="html">
    <i class="fas fa-angle-up"></i>
</button>
<!-- 返回顶部-->
<include file="public@nav_mobile" />
<!-- 头部 -->



<!-- main-area -->
<main>

    <!-- blog-details-area -->
    <section class="blog-details-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="cont_box">
                    <foreach name="category" item="vo">

                        <div class="msg_list">
                            <div class="left_box">
                                <div class="trip">重要通知</div>
                                <p class="text">{$vo.post_title}</p>
                            </div>
                            <div class="right_box">
                                <img src="__TMPL__/public/static/image/clock.png" width="16" height="16">
                                {:date('Y-m-d',$vo.published_time)}
                            </div>
                        </div>

                    </foreach>

                </div>


                <div class="title">财务管理</div>
                <div class="cont_box">
                    <div class="msg_list">
                        <div class="finance_left_box">
                            <div class="F-tit">余额（USDT）</div>
                            <p class="text">{$balance}</p>

                            <div class="F-tit">名下合作平台</div>
                            <div class="text_cont">
                                <foreach name="list" item="vo">
                                    <a href="/portal/article/info.html?id={$vo.id}" class="fina_btn">
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}">
                                    </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="finance_right_box">
                            <a href="/portal/agency/agencyInfo.html?id={$id}" class="fina_btn">明细</a>
                            <!-- <a href="#">提现</a> -->
                            <!-- <a href="#">内转</a> -->
                            <button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="@fat">提现</button>
                            <button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal2" data-bs-whatever="@fat">内转</button>
                        </div>
                    </div>
                </div>

                <div class="title">个人信息</div>
                <div class="cont_box" style="padding-top: 10px;">
                    <form  action="{:url('addPost')}" method="post"  enctype="multipart/form-data" class="form-horizontal js-ajax-form margin-top-20">
                        <div class="info_box">
                            <div class="F-tit">提现方式</div>
                            <div class="text_cont">
                                <img src="__TMPL__/public/static/image/about_icon1.png">
                                <img src="__TMPL__/public/static/image/about_icon2.png">
                                <img src="__TMPL__/public/static/image/about_icon3.png">
                            </div>
                        </div>

                        <div class="info_box">
                            <div class="F-tit">邮箱<span>*</span></div>
                            <input type="text" id="email" name="user_email" value="{$user_email}" placeholder="请输入您的电子邮箱" />
                        </div>

                        <div class="info_box">
                            <div class="F-tit">微信<span>*</span></div>
                            <input type="text" id="weixin" name="user_wechat" value="{$user_wechat}" placeholder="请输入您的微信" />
                        </div>

                        <div class="info_box">
                            <div class="F-tit">QQ</div>
                            <input type="text" id="qq" value="{$user_qq}" name="user_qq" placeholder="请输入您的QQ" />
                        </div>

                        <div class="info_box" style="min-height: 120px">
                            <div class="F-tit">上传收款二维码</div>
                            <input class="file_box" type="file" id="file" name="file"  />
                            <if condition="empty($code_icon)">
                                <img src="__TMPL__/public/static/image/code_icon.png" class="file_icon" width="120px" height="120px" />
                                <else />
                                <img src="__ROOT__/upload/{$code_icon}" class="file_icon"  width="120px" height="120px" style="height: 120px !important;"/>
                            </if>
                            <h4>上传</h4>
                        </div>

                        <button class="btn">保存</button>

                    </form>

                </div>
            </div>
    </section>
    <!-- blog-details-area-end -->



</main>
<!-- main-area-end -->

<!-- 弹窗 -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">申请提现/内转</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="recipient-name" class="col-form-label">金额:</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn1">确定</button>
            </div>
        </div>
    </div>
</div>

<!-- 弹窗 -->
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel2">申请内转</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="recipient-name" class="col-form-label">金额:</label>
                        <input type="text" class="form-control" id="recipient-name2">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn2">确定</button>
            </div>
        </div>
    </div>
</div>





<!-- JS here -->
<script src="__TMPL__/public/static/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/static/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/static/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/static/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.appear.js"></script>
<script src="__TMPL__/public/static/js/slick.min.js"></script>
<script src="__TMPL__/public/static/js/ajax-form.js"></script>
<script src="__TMPL__/public/static/js/parallax.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/static/js/tween-max.js"></script>
<script src="__TMPL__/public/static/js/wow.min.js"></script>
<script src="__TMPL__/public/static/js/main.js"></script>


<script>


    $(function(){
        $("#btn1").click(function(){
            console.log(123)
            var recipient = $('#recipient-name').val();
            if (recipient <= 0){
                alert('请输入金额')
                return false
            }
            $.ajax({
                url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:2}, success: function (data) {
                    console.log(data)
                    if (data.code != 1) {

                        alert(data.msg)

                    } else {
                        alert(data.msg)

                        setTimeout(function() {
                            location.reload()
                        }, 1000);
                    }
                }
            });
        });

        $("#btn2").click(function(){
            console.log(123)
            var recipient = $('#recipient-name2').val();
            if (recipient <= 0){
                alert('请输入金额')
                return false
            }
            $.ajax({
                url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:3}, success: function (data) {
                    console.log(data)
                    if (data.code != 1) {

                        alert(data.msg)

                    } else {
                        alert(data.msg)

                        setTimeout(function() {
                            location.reload()
                        }, 1000);
                    }
                }
            });
        })

    })


</script>
</body>
</html>
